<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Búsqueda de Archivos de Texto</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link href="../examples/client/css/phokus/phokus.css" media="screen" rel="Stylesheet" type="text/css">

<script src="../src/rico.js" type="text/javascript"></script>
<script src="../src/prototype.js" type="text/javascript"></script>
<script type='text/javascript'>

	Rico.loadModule('Accordion','Calendar', 'Corner');
	
	var cal1,cal1Box,cal2,cal2Box; //calendario
	var colorpicker,colorBox;
	var panel; //pulldown

	
	Rico.onLoad( function() { //acordion
	   //pull down
      panel = Rico.SlidingPanel.top( $('outer_panelpull'), $('inner_panelpull'));
	   
	  new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent'), 
                      {panelHeight:200, selectPanelIndex: 0, stepping: Rico.Stepping.ease_in });
					  
	 	  // inicializa el calendario marcando las fechas festivas
  cal1Box=$('CalendarValue1');
  cal1=new Rico.CalendarControl("cal1");
  cal1.addHoliday(25,12,0,'Christmas','#F55','white');
  cal1.addHoliday(1,1,0,'New Years','#2F2','white');
  cal1.atLoad();
  cal1.returnValue=function(newVal) { cal1Box.value=newVal; };
  SetDateFormat();
  
  
    cal2Box=$('CalendarValue2');
  cal2=new Rico.CalendarControl("cal2", {showWeekNumber:1});
  cal2.atLoad();
  cal2.returnValue=function(newVal) { cal2Box.value=newVal; };
  

	});

		
	
function CalendarClick1(e) {
  if (Element.visible(cal1.container)) {
    cal1.close();
  } else {
    RicoUtil.positionCtlOverIcon(cal1.container,$('CalendarButton1'));
    cal1.open(cal1Box.value);
  }
  Event.stop(e);
}

function CalendarClick2(e) {
  if (Element.visible(cal2.container)) {
    cal2.close();
  } else {
    RicoUtil.positionCtlOverIcon(cal2.container,$('CalendarButton2'));
    cal1.close();
    cal3.close();
    cal2.open(cal2Box.value);
    colorpicker.close();
  }
  Event.stop(e);
}

function SetDateFormat(e) {
  cal1Box.value='';
  cal1.setDateFmt($F('CalFormat'));
}

//pull down


	
	
</script>

<style type="text/css">
	.panel {
	    width: 180px;
	    padding: 0pt 15px 15px;
	    background: transparent url(../examples/client/images/phokus/sb-bottom.jpg) no-repeat scroll 0pt 100%;
	}

	.panel h3, label{
	     margin: 0pt 0pt 5px -15px;
	     padding: 15px 34px 0pt 15px;
	     width: 180px;
	     background: transparent url('examples/client/images/phokus/sb-top.jpg') no-repeat scroll 0%;
	     color: #FFFFFF;
	     display: block;
	     font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	     font-size: 1em;
	     font-weight: bold;
	     position: relative;
	     text-transform: uppercase;
	     cursor: pointer;
	 }

	.panelContent {
	   width:170px;
	   height:250px;	   
	}
	
div.ricoPopup {
  background-color: white;
  border: 2px solid black;
  padding: 5px;
}
div.ricoWindow {
  border: 2px solid black;
}
.ricoTitle {
  padding: 3px;
  color: white;
  background-color: black;
}
#row1 span {
  font-size: 8pt;
}
#CalFormat {
  font-size: 8pt;
}
.Estilo1 {
	color: #FFFF00;
	font-weight: bold;
}


<!-- pull down -->
#top-panelpull {
  background-color : #6b795a;
  height: 10px;
  margin: 0px;
  padding:0px;
  position: relative;
  width: 200px;
  font-size: 8pt;
}
#headerpull{
  margin: 0 0px;
  position: relative;
}
#inner_panelpull {
  position: relative;
  top: 0px;
  background-color: #999999;
  margin:0px;
  border: 1px solid #999999;
}
#outer_panelpull {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  padding-left: 10px;
  top: 17px;
  width: 160px
}
pre {font-size: 11px;}
a img { border: none;vertical-align:top; }
a { 
  text-decoration:none; 
  color: Bisque;
}

</style>

</head>

<body>
    <div id="page">
      <div id="main">
     
        <div class="post">      
                      <div class="post-content" id="post-caption">
                        <p class="auth">Creador por ......</p>
                            
                            
                            <!-- Inicio de espacio de trabajo -->
                            <p align="justify">
                            Bienvenido<br><br>
                            En esta sección usted podrá realizar la búsqueda de archivos indexados, la búsqueda es para documentos .txt, .doc y .html. El resultado de la búsqueda se muestra en esta sección con la lista de los archivos paginados. Al acceder a uno de ellos le muestra una nueva ventana donde podrá observar el contenido.
                            </p> <p align="justify">
                            Existen diferetentes tipos de búsqueda: <strong>Búsqueda directa</strong>, sin haber seleccionado algún filtro y solo escribir el nombre del documento a buscar; <strong> Búsqueda por filtros </strong><br>
                        <UL TYPE=CIRCLE>
                                <LI> <u>Por tamaño: </u> Indicando la cantidad mínima en Kb del archivo
                                <LI> <u> Por tipo: </u> Seleccionando .text, doc  o .html
                                <li> <u> Por fecha: </u> Selecciona de un calendario la fecha de creación del documento
                        </UL>
                            </p> <p align="justify">
                            Existe también la búsqueda de documentos por recomendación indicada en la <strong><em>nube</em></strong><br>
                            Donde los documentos más consultados se muestran con mayor letra que los documentos que son menos accedidos.
                            </p> <p align="justify">
                            Gracias por hacer uso de nuestro sitio por favor visítenos en <a href="http://www.google.com">Google</a> para realizar búsquedas no indexadas en este sitio.
                            </p> <p align="justify">
                            Siga disfrutando de RIAs e Intenilengia colectiva
                            </p>
                            
                            <!-- Fin de espacio de trabajo -->
                            
                            
                        <p class="meta">Siga disfrutando de RIAs e Intenilengia colectiva</p>
                      </div>
        </div>  <!-- #Post -->
      </div> <!-- #main -->
            
            
            <!-- Inicio de Accordion -->
            <div id="sidebar"> 
       			<img src="../examples/client/images/phokus/sb-top.jpg" />
            	<div align="center">
                	<img src="img/logo.jpg" alt="logo" width="109" height="115" />          	    
                </div>
			    <div id="accordionExample"> 
                
                	<!-- Inicio Menu Buscar -->
                    <div class="panel"> 
                    	<div class="panelheader">
                        	<h3>Buscar</h3>
                        </div>                      
                        <div class="panelContent"> 
                             <form action="/#example" id="sform" method="get"> 
                
                             <table>
                             	<tr>
                                	<td>
                                         Palabra:
                                         <input type="text" id="txtBusca" name="txtBusca" value="" size="25" >
                                    </td>
                                </tr>
                                <tr>
                                	<td align="center">
                                 		<input type="button" value="Buscar"/>
                                	</td>
                                </tr>
                                <tr>
                                	<td>
                                    	<!-- pull down-->
										<div id="headerpull" style='clear:both;'>                        
											<div id="top-panelpull">
                                				<a href="javascript:void(0);" onclick="panel.toggle(); return false;">
                                    				<img alt="code" src="../examples/client/images/down_arrow.png">
                                					&nbsp;Filtros
                                				</a>
                              				</div>
                                			<div id="outer_panelpull">
                                    			<div id="inner_panelpull">
                                    				<br>
                                                    <pre>
                                            			Aquí van los filtros
                                                    </pre>
                                                    <br>
                                                </div>
                                            </div>     
                                            <!-- fin del pull down-->                
                                      	</div>
                                    </td>
                                </tr>
                             </table>        
                             </form>   
                        </div>
                    </div> 
                    <!-- Fin Menu Buscar -->
                                  
                    <!-- Inicio Nube de etiquetas -->        
                    <div class="panel">
                    	<div class="panelheader">
                            <h3>Nube de Etiquetas</h3>
                        </div>
                        <div style="display: none;"  class="panelContent">
                               <p style="overflow:hidden; text-align:center;">
                               <span style="font-size:191.4285714285714%"><a href="#example/js">js</a></span>
                               <span style="font-size:228.571428571429%"><a href="#example/web">Web 2.0</a></span>
                               <span style="font-size:45.7142857142857%"><a href="#example/dhtml">dHtml</a></span>
                               <span style="font-size:91.4285714285714%"><a href="#example/flash-fx">flash-fx</a></span>
                               <span style="font-size:191.4285714285714%"><a href="#example/smooth">smooth</a></span>
                               <span style="font-size:320.0%"><a href="#example/rico">openRico</a></span>
                               <span style="font-size:137.142857142857%"><a href="#example/easy">easy</a></span>
                               <span style="font-size:145.7142857142857%"><a href="#example/extend">extendable</a></span>
                               <span style="font-size:145.7142857142857%"><a href="#example/more">more</a></span>
                               <span style="font-size:91.4285714285714%"><a href="#example/coming">coming</a></span>
                               <span style="font-size:45.7142857142857%"><a href="#example/soon">soon</a></span>
                               <span style="font-size:191.4285714285714%"><a href="#example/support">support</a></span>
                               <span style="font-size:91.4285714285714%"><a href="#example/open">open</a></span>
                               <span style="font-size:91.4285714285714%"><a href="#example/source">source</a></span>
                               <span style="font-size:45.7142857142857%"><a href="#example/demo">demo</a></span>
                               <span style="font-size:45.7142857142857%"><a href="#example/update">update</a></span>
                               </p>
                        </div>
                    </div>
                    <!-- Fin Nube de Etiquetas -->          
                    
                    <!-- Inicio de Otra cosa -->
                    <div  class="panel">
                    	<div class="panelheader">
                        	<h3>Musica</h3>
                        </div>
                        <div class="panelContent">
                        	Otras Cosas
                        </div>
                    </div>
                    <!-- Fin de Otras Cosas -->                                               
                            
                  
                </div>
      		</div>
      		<!-- Fin de Accordion -->
            
    </div>

</body>
</html>
